<template>
  <h1>杨硕隐藏显示指令</h1>
<!--  v-if与v-show都是控制元素是否出现，true出现，false消失，二者区别：
      v-if会直接跳过元素渲染，v-show才用到dom渲染，所以v-show性能更好。
-->
<!--  -->
  <p v-if="true">杨硕</p>
  <p v-else>徐志杰</p>
  <p v-if="false">杨硕徐志杰</p>
  <hr>
<!--  v-show:true 显示 false 隐藏-->
  <p v-show="true">杨硕爱吃糖</p>
  <p v-show="false">杨硕爱吃糖</p>
</template>
<script setup>

</script>


<style scoped>

</style>